<template>
  <div>
    <c-section title="返利基础信息">
      <c-list :column="3">
        <c-list-item label="返利申请单号" :value="detailData.rebateApplyCode" />
        <c-list-item label="返利进度" dict-type-code="SCHEDULE" :value="detailData.schedule" />
        <c-list-item label="卖场建设项目号" :value="detailData.constCode" />
        <c-list-item label="报图类型" dict-type-code="MARKET_TYPE" :value="detailData.marketType" />
        <c-list-item label="门店建设类型" dict-type-code="CONST_TYPE" :value="detailData.constType" />
        <c-list-item label="所属门店名称" :value="detailData.shopName" />
        <c-list-item label="客户" :value="detailData.clientName" />
        <c-list-item label="办事处" :value="detailData.officeName" />
        <c-list-item label="所属门店编码" :value="detailData.shopCode" />
        <c-list-item label="门店市场层级" dict-type-code="MARKET_LEVEL" :value="detailData.shopMarketLevel" />

        <c-list-item label="门店城市级别" dict-type-code="CITY_LEVEL" :value="detailData.shopCityLevel" />
        <c-list-item label="门店经营面积" suffix="㎡" :value="detailData.shopArea" />

        <c-list-item label="硬装验收任务" style="color:#3DC094;cursor: pointer;" :value="detailData.acceptHardcoverTaskCode" @click.native="toHardPage(detailData.acceptHardcoverTaskCode)" />
        <c-list-item label="门头验收结果" dict-type-code="ACCEPT_RESULT" :value="detailData.dheadAcceptResult" />
        <c-list-item label="门头验收合格时间" :value="detailData.dheadAcceptQualifiedTime" />
        <c-list-item label="卖场验收结果" dict-type-code="ACCEPT_RESULT" :value="detailData.shopAcceptResult" />
        <c-list-item label="卖场硬装验收合格时间" :value="detailData.shopAcceptQualifiedTime" />
        <c-list-item label="软装验收任务" style="color:#3DC094;cursor: pointer;" :value="detailData.acceptSoftwearTaskCode" @click.native="toSoftPage(detailData.acceptSoftwearTaskCode)" />
        <c-list-item label="经销商责任软装结果" dict-type-code="ACCEPT_RESULT" :value="detailData.customerDutySoftwearResult" />
        <c-list-item label="经销商责任软装验收合格时间" :value="detailData.softAcceptQualifiedTime" />
        <c-list-item label="设计申请时间" :value="detailData.reportApplyTime" />

        <c-list-item label="是否含公装" dict-type-code="BOOLEANS" :value="detailData.haveFrock" />
        <c-list-item label="实际验收时间" :value="detailData.actualAcceptTime" />
        <c-list-item label="门店类型" dict-type-code="SHOP_TYPE" :value="detailData.shopType" />

        <c-list-item label="卖场验收总面积" suffix="㎡" :value="detailData.acceptShopTotalArea" />

        <c-list-item label="验收整装总面积" suffix="㎡" :value="detailData.acceptWholeTotalArea" />
        <c-list-item label="验收简装总面积" suffix="㎡" :value="detailData.acceptSimpleTotalArea" />

        <c-list-item label="门头验收总面积" suffix="㎡" :value="detailData.acceptDheadTotalArea" />

        <!-- <c-list-item label="非本次验收区域总面积" suffix="㎡" :value="detailData.nonAcceptanceTotalArea" /> -->
        <c-list-item label="非本次验收门头总面积" suffix="m²" :value="detailData.unAccDheadArea || 0" />
        <c-list-item label="非本次验收卖场总面积" suffix="m²" :value="detailData.unAccShopArea || 0" />

        <c-list-item label="开业状态" dict-type-code="OPEN_STATE" :value="detailData.isOpen" />
        <c-list-item label="开业进度" dict-type-code="OPEN_SCHEDULE" :value="detailData.openSchedule" />

        <c-list-item label="实际开业时间" :value="detailData.actualOpenTime" />
        <c-list-item label="最早装修进场时间" :value="detailData.actualApproachTime" />
        <!-- <c-list-item :span="3" label="验收面积汇总说明" :value="detailData.areaSummaryDesc" /> -->
        <c-list-item label="本次装修业务类型" dict-type-code="DECORATION_BIZ_TYPE" label-width="140px" :span="2" :value="detailData.decorationBizType" />
        <c-list-item type="textarea" :span="3" label="验收面积汇总说明" :value="detailData.areaSummaryDesc" />
        <c-list-item label="门楣核算" :value="detailData.lintelAccounting" :span="3" />
        <c-list-item label="异常申请核实结果" :value="detailData.exceptionVerifyResult" :span="3" />

      </c-list>
    </c-section>
  </div>
</template>
<script>
export default {
  name: 'BaseInfo',
  components: { },
  props: {
    detailData: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {
    }
  },
  created() {
  },
  methods: {
    toHardPage(param) {
      if (param) {
        // 打开新页签
        this.$router.push({ path: '/check/hard/detail', query: { taskCode: param, id: this.detailData.hardId, unitCode: this.detailData.hardConstUnitCode }})
      }
    },
    toSoftPage(param) {
      if (param) {
        // 打开新页签
        this.$router.push({ path: '/check/soft/detail', query: { taskCode: param, id: this.detailData.softId, unitCode: this.detailData.softConstUnitCode }})
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.desc-box{
 max-height: 150px;
 min-height: 50px;
 overflow: auto;
  width: 500px;
  border: 1px solid #888;
  border-radius: 4px;
}
</style>
